/*$$
{"color":[{"val":"#333333","title":"主体文字颜色"},
{"val":"#666666","title":"英文栏目文字颜色"},
{"val":"#ffffff","title":"鼠标滑过标题文字颜色"},
{"val":"#999999","title":"按钮文字颜色"}],
"background":[{"val":"#ffffff","title":"按钮边框"},
{"val":"#fc4e29","title":"鼠标滑过背景颜色"},
{"val":"#f4f4f4","title":"标题前色块背景颜色"},
{"val":"#cccccc","title":"标题边框背景颜色"}],
"border":[{"val":"#7d7d7d","title":"栏目边框"},
{"val":"#f3f3f3","title":"分类边框"},
{"val":"#cccccc","title":"标题边框"},
{"val":"#ffffff","title":"按钮边框"}]}
$$*/
#product_145{
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
}
#product_145 .column{
	width: 100%;
	background: url(./../../../static/images/CP00018_01.png) no-repeat left top;
	height: 85px;
	font-size: 32px;
	color: #333333;
	padding-top:25px;
	line-height:60px;
	font-weight: 600;
	border-bottom:#7d7d7d solid 2px;
	position: relative;
}
#product_145 .column::after{
	position: absolute;
	right:0;
	height: 60px;
	background: url(./../../../static/images/CP00018_02.png) no-repeat center center;
	width: 50px;
	content: '';
	bottom: 0;
}
#product_145 .column i{
	font-size: 14px;
	color: #666666;
	margin-left: 10px;
}
#product_145 .classList{
	width:calc(100% + 20px);
	margin-left: -10px;
	display: grid;
	grid-template-columns: repeat(5,1fr);
	margin-bottom: 40px;
}
#product_145 .wapclass{
	width: 100%;
	padding: 0 40px;
	position: relative;
	display: none;
}
#product_145 .wapclassList{
	width:100%;
	height: 70px;
	overflow: hidden;
}
#product_145 .btnNext,
#product_145 .btnPrev{
	position: absolute;
	top:0;
	width: 30px;
	height: 100%;
	z-index: 10;
}
#product_145 .btnPrev.swiper-button-disabled,
#product_145 .btnNext.swiper-button-disabled{
	opacity: 0.6;
}
#product_145 .btnNext{
	right: 0;
}
#product_145 .btnPrev{
	left: 0;
}
#product_145 .btnNext::after,
#product_145 .btnPrev::after{
	background:#ffffff  url(./../../../static/images/CP00017_03.png) no-repeat center center;
	background-size: 13px 3px;
	width: 25px;
	height: 25px;
	position: absolute;
	content: '';
	right: 2.5px;
	top:50%;
	margin-top: -12px;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	border-radius: 50%;
}
#product_145 .btnPrev::after{
	transform: rotate(180deg);
}
#product_145 .classList .liItem,
#product_145 .wapclassList .swiper-slide .liItem{
	margin: 0 10px;
	border:#f3f3f3 solid 2px;
	border-top: none;
	height: 120px;
	border-radius: 0 0 15px 15px;
	text-align: center;
	padding-top: 55px;
	line-height: 50px;
	font-size: 16px;
	transition: all .8s;
	position: relative;
	overflow: hidden;
}
#product_145 .wapclassList .swiper-slide .liItem{
	height:70px;
	padding-top:20px;
}
#product_145 .classList .liItem::before,
#product_145 .wapclassList .liItem::before{
	background: url(./../../../static/images/CP00018_03.png) no-repeat center bottom;
	width: 100%;
	height: 54px;
	position: absolute;
	left: 0;
	top:0;
	z-index: 11;
	content: '';
}
#product_145 .wapclassList .liItem::before{
	height: 30px;
}
#product_145 .classList .liItem i,
#product_145 .wapclassList .liItem i{
	z-index: 10;
	position: relative;
	color: #333333;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	display: block;
}
#product_145 .wapclassList .liItem i{
	height: 50px;
	width: 100%;
	padding: 0 5px;
}
#product_145 .classList .liItem::after,
#product_145 .wapclassList .liItem::after{
	position: absolute;
	background: #fc4e29;
	width: 100%;
	height: 0;
	content: '';
	left: 0;
	top:0;
	transition: all .8s;
}
#product_145 .classList .liItem:hover::before,
#product_145 .classList .liItem.active::before{
	background: url(./../../../static/images/CP00018_04.png) no-repeat center 30px;
}
#product_145 .classList .liItem:hover i,
#product_145 .classList .liItem.active i{
	color: #ffffff;
}
#product_145 .classList .liItem:hover::after,
#product_145 .classList .liItem.active::after{
	height: 100%;
}
#product_145 .proList{
	width:calc(100% + 24px);
	margin-left: -12px;
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
}
#product_145 .proItem{
	height: auto;
	background: #f4f4f4;
	position: relative;
	display: block;
	margin: 12px;
	width: calc(25% - 24px);
	float: left;
}
#product_145 .proItem::after{
	position: absolute;
	width: 100%;
	height: 0;
	left: 0;
	top:0;
	content: '';
	background: #fc4e29;
	transition: all .8s;
}
#product_145 .proItem:hover::after{
	height: 100%;
}
#product_145 .proItem .imgT{
	width: calc(100% - 16px);
	height: auto;
	margin: 8px;
	position: relative;
	z-index: 10;
}
#product_145 .proItem .imgT .bg{
	width:100%;
	height: auto;
}
#product_145 .proItem .imgT .img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top:0;
}
#product_145 .proItem .cont{
	width: 100%;
	position: relative;
	z-index: 10;
}
#product_145 .proItem .tit-1{
	width: 215px;
	border-bottom:#cccccc solid 1px;
	padding:0 0 0 38px;
	font-size: 16px;
	color: #333333;
	line-height: 40px;
	position: relative;
	transition: all 1.5s;
}
#product_145 .proItem .tit-1::before{
	width: 7px;
	height: 7px;
	background: #cccccc;
	position: absolute;
	left: 18px;
	top:50%;
	transform: translateY(-50%);
	content: '';
}
#product_145 .cont::after{
	position: absolute;
	right:65px;
	border:#ffffff solid 3px;
	border-radius: 50%;
	width: 38px;
	background: #f4f4f4;
	content: '+';
	height: 38px;
	top:23px;
	box-shadow: 0 0 10px rgba(0,0,0,.18);
	font-size: 28px;
	color: #999999;
	text-align: center;
	line-height: 28px;
	transition: all 1.5s;
}
#product_145 .proItem .tit-2{
	font-size:12px;
	line-height: 35px;
	padding-left: 15px;
	color: #333333;
	transition: all 1.5s;
}
#product_145 .proItem:hover .tit-1,
#product_145 .proItem:hover .tit-2{
	color: #ffffff;
}
#product_145 .proItem:hover .cont::after{
	background: #fc4e29;
	color: #ffffff;
}
@media screen and (max-width: 1200px) {
	#product_145{
		width: 100%;
		padding: 0 15px;
	}
	#product_145 .proList{
		width: 100%;
		margin-left: 0;
	}
}
@media screen and (max-width: 821px){
	#product_145 .cont::after{
		right: 0px;
	}
	#product_145 .proItem .tit-1{
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	#product_145{
		padding: 0 10px;
	}
	#product_145 .proList .swiper-slide{
		grid-template-columns: repeat(2,1fr);
	}
	#product_145 .column{
		font-size: 20px;
		height: 75px;
		line-height:50px;
	}
	#product_145 .classList .liItem{
		margin: 0 5px;
	}
	#product_145 .classList{
		width: calc(100% + 10px);
		margin-left: -5px;
		margin-bottom: 10px;
	}
	#product_145 .proItem{
		width:calc(50% - 10px);
		margin:10px 5px;
		height: 210px;
	}
	#product_145 .proItem .imgT{
		height: 120px;
	}
	#product_145 .proItem .tit-1{
		width: calc(100% - 30px);
		line-height: 32px;
	}
	#product_145 .cont::after{
		width: 25px;
		height: 25px;
		font-size: 20px;
		right:5px;
		line-height: 18px;
	}
	#product_145 .proList{
		height: auto;
	}
	#product_145 .classList{
		display: none;
	}
	#product_145 .wapclass{
		display: block;
	}
}